<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
   <form>
        <input type="range" max="255" min="0" id='r'>
        <input type="range" max="255" min="0" id='g'>
        <input type="range" max="255" min="0" id ='b'>
        <input type="email">
        <input type="url">
        <input type="tel">
        <input type="search">
        <input type="submit">
        <input type="datetime-local">
        <input type="date">
        <input type="time">
        <input type="week">
        <input type="month">
   </form>
    
</body>
<script>
        var r = document.getElementById('r');
        var g = document.getElementById('g');
        var b = document.getElementById('b');
     document.body.style.backgroundColor ='rgb('+r.value+','+g.value+','+b.value+')';
    console.log(r.value);
        r.oninput = g.oninput = b.oninput = function(){
            document.body.style.backgroundColor ='rgb('+r.value+','+g.value+','+b.value+')';
        }
    </script>
</html>